/* 引入阿里图标字体 */
@import url("https://at.alicdn.com/t/c/font_5020394_39er2v1irce.css");

/* 主题色rgb(33, 150, 243)
主题背景rgba(0, 0, 0, 0.8) */

* {
  box-sizing: border-box;
}


/* 这里的#app 是index.html中的<div id="app"></div> */
html,
body,
#app {
  height: 100%;
  margin: 0;
  overflow: hidden;
  /* 溢出内容修剪 防止出现滚动条 */
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

/* 清除默认样式 */
/* 让 <button> 看起来像 <div> */
button {
  all: unset;
  /* 清除绝大部分浏览器默认样式 */
  display: block;
  /* 或者 inline-block，根据需求 */
  width: 100%;
  /* 如果你想让它撑满父容器 */
}

a {
  text-decoration: none;
  color: inherit
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}



/* 规范 L7 zoom 控件按钮：统一宽高、box-sizing，并让 svg 居中 */
.l7-control-zoom {
  display: flex;
  flex-direction: column;
  /* 垂直堆叠两个按钮 */
  gap: 4px;
  /* 按需调整按钮间距 */
  box-sizing: border-box;
}

.l7-control-zoom .l7-button-control {
  width: 34px;
  height: 34px;
  padding: 0;
  background: transparent;
  /* 如需保留边框按需设置 */
}

/* 地图主题按钮 */
.l7-right.l7-top.l7-row>button.l7-button-control.l7-control {
  width: 57px;
  height: 57px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0;
  margin-top: 10px;
  margin-right: 20px;
  border-radius: 47%;
}

.l7-right.l7-top.l7-row>button.l7-button-control.l7-control svg {
  width: 22.5px;
  height: 22.5px;
  fill: rgb(33, 150, 243);
}

/* 地图主题选择面板 */
.l7-popper.l7-popper-left.l7-popper-start>.l7-popper-content {
  background-color: transparent;
}

.l7-popper-content>.l7-select-control--normal {
  background-color: rgba(0, 0, 0, 0.8);
  color: gray;
}

.l7-right.l7-top.l7-row>button.l7-button-control.l7-control:hover {
  background-image: linear-gradient(to bottom, rgb(144, 202, 249), rgb(25, 118, 210));

  svg {
    fill: white;
  }
}


/* mapbox导航控件位置 */
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  position: absolute;
  top: 100px;
  left: 10px;
}


/* mapbox-gl-draw 控件位置 */
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  position: absolute;
  top: 0px;
  right: 864px;
  background-color: transparent;
  margin-top: 0;
  margin-right: 0;
}

/* .mapboxgl-ctrl-top-right .mapboxgl-ctrl button {
  background-color: rgba(0, 0, 0, 0.8);
  color: gray;
} */